<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="${question.title}"></title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/css/bootstrap3.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/common.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
    </script>
    <style>
        #question_title{
            font-size: 18px;
            font-weight: 400;
            font-family: "Microsoft YaHei";
        }
    </style>
</head>
<body style="background-color: #e7e7e7">
    <div th:insert="template::header"></div>
    <div class="col-lg-1 col-md-1"></div>
    <div class="col-lg-10 col-sm-12 col-md-10 col-xs-12" style="background-color: white">
        <h3>问题</h3>
        <hr/>
        <div><img class="cont_icon" src="https://kzzx.shangxueba.com/images/20200623/sxb2_wewq1.png" alt="" style="width: 32px;height: 32px;margin-right: 10px;">
            <span th:text="${question.title}" id="question_title"></span>
        </div>
        <div><span>题目类型：</span><span th:text="${question.type==1?'选择题':'简答题'}"></span></div>
        <div th:if="${question.type==1}">
            <ol>
               <li type="A" th:each="option:${question.options}" th:text="${option}"></li>
            </ol>
        </div>
        <hr/>
        <div><span>题目答案：</span><span th:text="${question.answer}"></span></div>
        <hr/>
        <span class="label label-default" style="background-color: #99CFFD;"
              th:switch="${question.subject}"><span th:case="1">语文</span><span th:case="2">数学</span><span
                th:case="3">英语</span><span th:case="4">编程</span></span>
        <hr/>
        <div>创建时间：<span th:text="${#dates.format(question.createTime, 'yyyy-MM-dd HH:mm')}"></span></div>
        <div th:insert="template::footer"></div>
    </div>
    <div class="col-lg-1 col-md-1"></div>
</body>
</html>